html{margin: 0;padding: 0;}
body{margin: 0;padding: 0;font-family:'montserrat_thin', sans-serif;font-size: 16px;overflow-x:hidden;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0;padding:0;}
ul,li {margin: 0;padding: 0;list-style: none;}
a{text-decoration: none;color: #333333}
img{display: block}
input,textarea{outline: none;}
button{padding: 0;background-color: unset}
.img{position: relative;display: block;}
.img img{position: absolute;width: 100%;height: 100%;object-fit: cover;}
.nowrap{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.line_num{display: -webkit-box;-webkit-box-orient:vertical;overflow: hidden;text-overflow:ellipsis;-webkit-line-clamp: 2}

.public_bg{background-size: cover;background-repeat: no-repeat;background-position: center center;}
.flex_bet{display: flex;justify-content: space-between;align-items: center;}
.public_time{transition: all 0.5s ease;}

:root{
    --fz12:12px;
    --fz14:14px;
    --fz16:16px;
    --fz18:18px;
    --fz20:20px;
    --fz24:24px;
    --fz26:26px;
    --fz28:28px;
    --fz30:30px;
    --fz32:32px;
    --fz42:42px;
    --fz50:50px;
}

/*以下为公共头部部分*/
.body_after{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 5;}
.body_after.active{display: block;}
.main_width{width: 79.167%;margin: 0 auto;min-width: 1520px}
.head{position: relative;z-index: 5;}
.head .head_bg{background-image: url("/lib/template/static/css/../img/head_bg.png");position: absolute;top: 0;left: 0;width: 100%;}
.head .inner{width: 78.75%;margin: 0 auto;padding: 27px 0;min-width: 1512px}
.head .head_top{justify-content: flex-end;}
.head .head_top>*{margin-left: 24px}

.head .head_search{width: 456px;}
.head .head_search form{display: flex;justify-content: space-between;}
.head .search{position: relative;}
.head .search button{position: absolute;top: 50%;left: 10px;transform: translateY(-50%);border: unset;background-color: transparent;}
.head .search img{width: 16px;height: 16px}
.head .search input{width: 216px;border: 1px solid #FFFFFF;border-radius: 23px;background-color: transparent;color: #ffffff;padding: 14px 36px;box-sizing: border-box;}
.head .search input::-webkit-input-placeholder{color: #ffffff}
.head .head_top{margin-bottom: 20px}
.head .head_top a{padding: 10px 14px;border: 1px solid #FFFFFF;border-radius: 23px;color: #ffffff;font-size: var(--fz18)}
.head .head_top .news span{margin-right: 13px}
.head .head_top .news img{width: 18px;height: 18px}
.head .head_top .for{background-color: #4A90E2;border: unset;padding: 11px 30px;border-radius: 23px;color: #ffffff;font-size: var(--fz18)}

.head .head_bottom .logo_img{width: 19.841%;min-width: 200px;}
.head .head_bottom .logo_img img{max-width: 300px;width: 100%}
.head_bottom.active{position: fixed;width: 100%;top: 0;left: 50%;transform: translateX(-50%);z-index: 10;background-color: #4a90e2;padding: 10px 0;}
.head_bottom.active .bottom_son{width: 78.75%;margin: 0 auto;}
.head .head_bottom nav{width: 74.216%;height: 100%}
.head .head_bottom nav .drop{position: relative;}
.head .head_bottom nav .drop>a{font-size: var(--fz24);color: #ffffff;display: block;height: 79px;line-height: 79px}
.head .head_bottom nav .down{display: none;position: absolute;width: 1300px;background-color: #ffffff;top: 100%;left: 50%;padding: 39px;box-sizing: border-box;transform: translateX(-50%)}
.head .head_bottom nav .drop .up_up{display: none;position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);}
.head .head_bottom nav .drop.active .up_up{display: block}
.head .head_bottom nav .drop:hover .down,
.head .head_bottom nav .drop:hover .up_up{display: block}
.head .head_bottom nav .down .final .img{width: 24.714%;padding-bottom: 18%;}
.head .head_bottom nav .down .final{align-items: flex-start;}
.head .head_bottom nav .down .nav_right{width: 73.322%;display: grid;grid-template-columns: repeat(4,24.107%);justify-content: space-between;grid-row-gap: 27px;padding: 25px 0}
.head .head_bottom nav .down .nav_right a{text-align: center;font-size: var(--fz24);color: #000000;line-height: 36px;}
.head .head_bottom nav .down span{display: block;width: 0;height: 0;border-bottom: 5px solid #ffffff;}
.head .head_bottom nav .drop:nth-of-type(6) .down{left: -83%;}
.head .head_bottom nav .drop:nth-of-type(7) .down{left: -218%;}
.head .head_bottom nav .drop:nth-of-type(8) .down{left: -351%;}
.head .head_bottom nav .drop:nth-of-type(9) .down{left: -484%;}
.head .head_bottom .phone_menu{display: none;cursor: pointer;}
.head .phone_nav{display: none;position: fixed;top: 0;right: -100%;width: 50%;min-width: 300px;height: 100%;background-color: #ffffff;transition: all 0.5s ease;}


.head .phone_nav .close{padding: 20px 10px}
.head .phone_nav .close img{cursor: pointer;}
.head .phone_nav>ul{padding: 0 10px;}
.head .phone_nav a{font-size: var(--fz14)}
.head .phone_nav .drop_down{border-bottom: 1px solid rgba(0, 0, 0, 0.2)}
.head .phone_nav .drop_down .phone_down{display: none;}
.head .phone_nav .drop_down.active .phone_down{display: block}
.head .phone_nav .phone_drop a{padding: 10px 0}
.head .phone_nav .phone_drop img{padding: 10px;cursor: pointer;}
.head .phone_nav .phone_down ul{padding: 0 10px}
.head .phone_nav .phone_down ul a{display: block;padding: 10px 0}



/*.steam_banner .img::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5)}*/

/*foot_0419*/

/*以上为公共头部，以下为公共底部*/
.foot_bc_0419{background-color: #a61c4b;padding: 60px 0 81px;}
.foot_0419 {width: 61.25%;margin: 0 auto;align-items: unset}
.foot_0419 .foot_left_0419{width: 43.51%;min-width: 300px}
.foot_0419 .foot_left_0419 img{width: 100%;max-width: 300px;}
.foot_0419 .foot_left_0419 p{font-size: var(--fz18);color: #FFFFFF;line-height: 30px;}
.foot_0419 .foot_left_0419 p:nth-of-type(1){margin-top: 20px}
.foot_0419 .foot_left_0419 p a{color: #ffffff;}
.foot_0419 .foot_right_0419{width: 38.946%;align-items: unset}
.foot_0419 .foot_right_0419 .list{width: 44%;display: flex;flex-direction: column;align-items: center;}
.foot_0419 .foot_right_0419 .list h2{font-size: var(--fz20);color: #FFFFFF;line-height: 30px;margin-bottom: 20px}
.foot_0419 .foot_right_0419 .list a{font-size: 18px;color: #FFFFFF;line-height: 40px;text-align: center;}
.foot_0419 .foot_right_0419 .list a:hover{color: #9d8888}
.foot_0419 .foot_right_0419 span{height: 20px;border-left: 2px solid #CCCCCC;}


/*以上为公共底部*/
/*.index_one_bc*/
.index_banner .img{padding-bottom: 58.646%;}
.index_banner .prev_next{position: absolute;top: 50%;left: 50%;width: 85.417%;z-index: 3;transform: translate(-50%,-50%);}
.index_banner .prev_next .arrow{width: 60px;height: 70px;cursor: pointer;}
.index_banner .prev_next .arrow img{width: 100%;height: 100%}
.index_one_bc{padding: 60px 0;background: #F0F2F3;}
.index_one{align-items: flex-end;}
.index_one .left{width: 39.464%;}
.index_one .right{width: 56.184%;}
.index_one .left .img{padding-bottom: 66.667%;}
.index_one .left .text{margin-top: 45px;text-align: center;position: relative;padding-bottom: 23px}
.index_one .left .text::after{content: '';position: absolute;bottom: 0;left: 50%;width: 60px;border-bottom: 4px solid #4A90E2;transform: translateX(-50%);}
.index_one .left h2{font-size: 70px;color: #4A90E2;opacity: 0.2;line-height: 84px}
.index_one .left p{font-size: var(--fz30);position: absolute;bottom: 23px;left: 50%;transform: translateX(-50%);line-height: 45px}
.index_one .right .top{width: 83.138%;margin: 0 auto 60px;}
.index_one .right .top p{font-size: var(--fz26);line-height: 39px;cursor: pointer;color: #666666}
.index_one .right .top p:hover{color: #4A90E2}
.index_one .right .top p.active{color: #4A90E2}
.index_one .right .bottom{display: none;}
.index_one .right .bottom.active{display: block;}

.index_one .right .bottom .yltz{
display: inline-block;
    margin-bottom: 22px;
}
/*.index_one .right .bottom a{display: inline-block;margin-bottom: 35px;}*/
.index_one .right .bottom .item{align-items: flex-start}
.index_one .right .bottom .item img{display: none}

.index_one .right .bottom .item .adda{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.index_one .right .bottom .time{width: 66px;height: 60px;text-align: center;}
.index_one .right .bottom h2{font-size: var(--fz42);line-height: 42px;color: #999999;}
.index_one .right .bottom .time p{font-size: var(--fz16);line-height: 19px}
.index_one .right .bottom .text{width: 89.569%;margin-left: 40px;}
.index_one .right .bottom h3{font-size: var(--fz20);line-height: 32px;margin-bottom: 10px;color: #666666;-webkit-line-clamp: 1}
.index_one .right .bottom p{font-size: var(--fz16);line-height: 27px;color: #999999}
.index_one .right .bottom .item:hover h2{color: #4A90E2}
.index_one .right .bottom .item:hover h3{color: #4A90E2}
.index_one .right .bottom_a{text-align: right;font-size: var(--fz18);line-height: 27px;}
.index_one .right .bottom_a a{color: #666666}
.index_one .right .bottom_a a:hover{color: #4A90E2}

.index_two_bg{padding: 78px 0}
.index_two .module_one{align-items: unset;}
.index_two .left{width: 76.974%;}
.index_two .right{width: 19.737%;}

.title .inner{position: relative;width: 216px;height: 52px;padding-bottom: 35px}
.title .inner::after{content: '';position: absolute;bottom: 0;left: 50%;width: 60px;border-bottom: 4px solid #ffffff;transform: translateX(-50%);}
.title img{width: 100%;height: 52px}
.title .inner h2{font-size: var(--fz30);line-height: 45px;color: #FFFFFF;position: absolute;bottom: 15px;left: 50%;transform: translateX(-50%);white-space: nowrap;width: 100%;text-align: center;}
.title .title_a{display: flex;justify-content: flex-end;}
.title a{margin-top: 36px;font-size: var(--fz20);line-height: 30px;color: #FFFFFF;}
/*.title a span:hover{color: #4A90E2}*/
.title a:hover{color: #a9d0fe}

.index_two .left .content{margin-top: 24px;}
.index_two .left .content a{width: 33.333%}
.index_two .left .content .list{background-color: #ffffff;}
.index_two .left .content .img{padding-bottom: 93.333%;overflow: hidden}
.index_two .left .content .text{padding: 13px 24px}
.index_two .left .content h3{font-size: var(--fz20);color: #333333;line-height: 30px;padding-bottom: 10px;position: relative;margin-bottom: 10px;-webkit-line-clamp: 1}
.index_two .left .content h3::after{content: '';position: absolute;bottom: 0;right: 0;width: 36px;height: 5px;background-image: url("/lib/template/static/css/../img/arrow.png")}
.index_two .left .content .list img{transition: all 0.5s ease;}
.index_two .left .content .list:hover img{transform: scale(1.1);}
.index_two .left .content .list:hover h3{color: #4A90E2}
/*.index_two .left .content .list:hover h3::after{filter: invert(1);}*/
.index_two .right{display: flex;flex-direction: column;justify-content: space-between;}
.index_two .right .content{background-color: ;margin-top: 58px;display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.index_two .right .content .img{padding-bottom: 134%;overflow: hidden;}
.index_two .right .content .video{width:100%}
.index_two .right .content .img img{transition: all 0.5s ease;}
.index_two .right .content .img:hover img{transform: scale(1.1)}
.index_two .right .content .text{height: 100%;display: flex;justify-content: center;align-items: center;}
.index_two .right .content h3{font-size: var(--fz16);line-height: 24px;-webkit-line-clamp: 1;margin: 0 23px;}

.index_two .module_two{margin-top: 79px}
.index_two .module_two .special_one{width: 498px;margin: 0 auto;}
.index_two .module_two .content{margin-top: 92px;position: relative;padding-bottom: 80px}
.index_two .module_two .content .img{padding-bottom: 91.148%}
.index_two .module_two .content h3{font-size: var(--fz24);line-height: 36px;color: #ffffff;-webkit-line-clamp: 1;text-align: center;margin-top: 39px}

.index_two .module_two .content .module_two_swiper{padding-top: 10px}
.index_two .module_two .content .slide_inner img{transition: all 0.5s ease;}
.index_two .module_two .content .slide_inner:hover img{transform: scale(1.1);}

.index_two .module_two .content .module_two_swiper{width: 85.132%;margin: 0 auto;}
.index_two .module_two .content .prev_next{position: absolute;top: 35%;left: 50%;transform: translate(-50%,-50%);width: 100%;height: 72px;display: flex;justify-content: space-between;}
.index_two .module_two .content .prev_next .arrow{width: 60px;height: 72px;cursor: pointer;}
.index_two .module_two .content .prev_next img{width: 100%;height: 100%}
.index_two .module_two .content .page_dat{position: absolute;bottom: 0;left: 0;width: 100%}
.index_two .module_two .content .page_dat .swiper-pagination-bullet{width: 14px;height: 14px}
.index_two .module_two .content .page_dat .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #ffffff}



.index_three_bc{background-color: #F0F2F3;padding-top: 79px}
.index_three_bc .special_three{width: 305px;margin: 0 auto;}
.index_three_bc .special_three h2{color: #000000}
.index_three_bc .special_three::after{border-color: #4A90E2}
.index_three_bc .content{align-items: unset;margin-top: 60px}
.index_three_bc .left{width: 32.813%;}
.index_three_bc .right{width: 65.104%;}
.index_three_bc .left .img{padding-bottom: 141.49%;}
.index_three_bc .right .top{width: 47.44%;margin: 0 auto;display: flex;justify-content: flex-end;}
/*.index_three_bc .right .top a{}*/
.index_three_bc .right .top .list{position: relative;margin-left: 84px;cursor: pointer}
.index_three_bc .right .top .list img{width: 78px;height: 79px;visibility: hidden}
.index_three_bc .right .top .list h3{font-size: 20px;color: #999999;line-height: 30px;position: relative;font-weight: normal}
.index_three_bc .right .top .list h3::after{content:'';position: absolute;bottom: 0;left: 100%;width: 62px;border-bottom: 2px solid #999999}
.index_three_bc .right .top .list .text{position: absolute;bottom: 16px;left: 6px;transform: rotate(-30deg)}
.index_three_bc .right .top .list:hover img{visibility: unset}
.index_three_bc .right .top .list:hover h3{color: #4A90E2;}
.index_three_bc .right .top .list:hover h3::after{border-color: #4A90E2}
.index_three_bc .right .top .list.current img{visibility: visible;}
.index_three_bc .right .top .list.current h3{color: #4A90E2}
.index_three_bc .right .top .list.current h3::after{border-color: #4A90E2}
.index_three_bc .right .bottom{width: 83.92%;margin: 56px 0;display: none;}
.index_three_bc .right .bottom.current{display: block;}
.index_three_bc .right .bottom .item{display: flex;justify-content: flex-end;background-color: #ffffff;margin-bottom: 40px}
.index_three_bc .right .bottom .item .img{width: 24.785%;padding-bottom: 16.923%;overflow: hidden;}
.index_three_bc .right .bottom .item .img img{transition: all 0.5s ease;}
.index_three_bc .right .bottom .item .img_text{width: 0;flex: 1;position: relative;}
.index_three_bc .right .bottom .item .img_text img{width: 100%;visibility: hidden;height: 100%;opacity: 0;transition: all 0.5s ease;}
.index_three_bc .right .bottom .item span{font-size: var(--fz16);color: #4A90E2;line-height: 24px}
.index_three_bc .right .bottom .item h2{font-size: var(--fz20);color: #000000;line-height: 30px;}
.index_three_bc .right .bottom .item .final{position: absolute;top: 50%;right: 40px;transform: translateY(-50%)}
.index_three_bc .right .bottom .item .time{text-align: right;margin-bottom: 20px}

.index_three_bc .right .bottom .item:hover .img_text img{visibility: unset;opacity: 1;}
.index_three_bc .right .bottom .item:hover .img img{transform: scale(1.1)}
.index_three_bc .right .bottom .item:hover h2{color: #ffffff}
.index_three_bc .right .bottom .item:hover span{color: #ffffff}
.index_three_bc .right .bottom_a{display: flex;justify-content: flex-end;width: 83.92%;margin: 56px 0}
.index_three_bc .right .bottom_a a{font-size: var(--fz20);color: #000000;line-height: 30px;}
.index_three_bc .right .bottom_a a:hover{color: #4A90E2}

.index_four{padding: 79px 0;}
.index_four .special_four h2{color: #000000;}
.index_four .special_four{width: 305px;margin: 0 auto;}
.index_four .special_four::after{border-color: #4A90E2}
.index_four .content{display: grid;grid-template-columns: repeat(7,13.5%);justify-content: space-between;grid-row-gap: 10px;margin-top: 56px}
.index_four .content .list{background-color: #F0F2F3;display: flex;flex-direction: column;align-items: center;padding: 27px 0;}
.index_four .content .list img{width: 40px;height: 40px;}
.index_four .content .list p{font-size: var(--fz16);color: #333333;line-height: 21px;margin-top: 16px}
.index_four .content .list .two{display: none;}
.index_four .content .list:hover .two{display: block}
.index_four .content .list:hover .one{display: none}